$(function () {

    var magnifierConfig = {
        magnifier: "#magnifier1",//最外层的大容器
        width: 500,//承载容器宽
        height: 500,//承载容器高
        moveWidth: null,//如果设置了移动盒子的宽度，则不计算缩放比例
        zoom: 5//缩放比例
    };

    var _magnifier = magnifier(magnifierConfig);

    /*magnifier的内置函数调用*/
    /*
        //设置magnifier函数的index属性
        _magnifier.setIndex(1);

        //重新载入主图,根据magnifier函数的index属性
        _magnifier.eqImg();
    */
}); 



$("#btns1").click(function(){
    $(this).css("background","#feb80f")
    $(this).siblings("#btns2").css("background","#dbdbdb")
    $(this).parent().siblings(".product2").css("display","block")
    $(this).parent().siblings(".product1").css("display","none")
})
$("#btns2").click(function(){
    $(this).css("background","#feb80f")
    $(this).siblings("#btns1").css("background","#dbdbdb")
    $(this).parent().siblings(".product1").css("display","block")
    $(this).parent().siblings(".product2").css("display","none")
})

let colores = 0;
$(".colores p").click(function () {
    if(colores ==0){
    $(this).css("background","#ccc")
         colores=1}
    else if(colores ==1){
            $(this).css("background","white")
            colores =0
        }
    
})


document.getElementById("goshopping").onclick=function(){
    window.location="shopping.html"
}


$(".shopping1").click(function name(params) {
    alert("请登录")
})

document.getElementById("logo").onclick=function(){
    window.location="index.html"
}